<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>商品管理</title>
		<link rel="stylesheet"  href="../../bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet"  href="../../css/A3.css"/>
		<!-- 请在A3.css后面插入私有部分css，注意相对路径改变-->
		<link rel="stylesheet" href="../../css/shopGuanLi.css">
	</head>
	<body>

			<!-- 公共部分头部 -->
			<header id="gonggong_header"> 
				<div id="gonggong_user">
					<div >
						<a href=""><i class="glyphicon glyphicon-user"></i></a>
					</div>
					<div id="gonggong_username">
						<p>姓名: <span>1</span></p>
						<p>工号: <span>1</span></p>
					</div>
				</div>
				<div id="login_out">
					<p>退出</p>
				</div>
			</header>
			<!-- 公共部分尾部 -->
			<div id="gonggong_content">
				<!-- 公共部分侧边栏 -->
				<div id="gonggong_left" >
					<ul class="nav nav-tabs nav-stacked navbar-inverse">
						<li class="CeBian"></li>
						<!-- 公共部分图片位置，注意相对路径 -->
						<li class="CeBian"><a href="员工管理整合.html"><img src="../../images/CeBian-YGGL.png">员工管理</a></li>
						<li class="CeBian"><a href="商品管理整合.html"><img src="../../images/CeBian-SPGL.png">商品管理</a></li>
						<li class="CeBian"><a href=""><img src="../../images/CeBian-XSGL.png">销售管理</a></li>
						<li class="CeBian"><a href="../cuxiao/cuxiao.html"><img src="../../images/CeBian-CXHD.png">促销活动</a></li>
						<li class="CeBian"><a href="上货整合.html"><img src="../../images/CeBian-SH.png">上货</a></li>
						<li class="CeBian"><a href="收银整合.html"><img src="../../images/CeBian-SY.png">收银</a></li>
					</ul>
				</div>
				<!-- 公共部分右边块 -->
				<div id="gonggong_right">
					<!-- 私有部分放置处 -->
					<div id="gonggong_siyou">
						<div>
							<div>
								<div class="page-header" >
									<div class="panel-body">
										<span class="glyphicon glyphicon-th-large" style="display:inline"></span>
										<p style="font-size: large;display:inline">商品管理</p>
									</div>
								</div>
							</div>
						
							<div>
								<nav>
									<div class="container-fluid">
										<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
											<ul class="nav navbar-nav GuanLi_j-nav">
												<li style="padding-left: 3px;">                     <button href="#" type="button;" class="btn btn-primary">添加商品种类</button></li>   
												<li style="padding-left: 3px;">                     <button href="#" type="button" class="btn btn-success">查看商品类别</button></li>
												<li style="padding-left: 3px;">                     <button href="#" type="button" class="btn btn-primary">添加商品</button></li>
												<li  class="active" style= "padding-left: 3px;">     <button href="#" type="button" class="btn btn-success">查看商品</button></li>
											</ul>
											<div >
												<ul class="nav navbar-nav navbar-right">
													<li class="dropdown">
														<a href="#" class="-toggle" data-toggle="dropdown" role="button"
															aria-haspopup="true" aria-expanded="false">搜索商品</a>
													</li>
												</ul>
											</div>
											
						
											
						
						
										</div>
						
								</nav>
							</div>
						
							<div class="context">
						<!-- /////////////////////////////////////////////////////////////////////////////// -->
								
								<div class="right pull-left">
									<div class="con  con1 clearfix">
					
					
										<div>
											<div style="clear: both;">
												<ul class="nav nav-tabs" role="tablist">
													<li role="presentation" class="active"> <a href="#one" role="tab" data-toggle="tab">添加一级类别</a></li>
													<li role="presentation">                <a href="#two" role="tab" data-toggle="tab">添加二级类别</a></li>
													<div style="display:inline"><a style="margin-left: 800px;">导入Excel文件</a></div>
												  </ul>
											</div>
						
										  
											<div class="tab-content">
					
					
												<div role="tabpanel" class="tab-pane active" id="one">
													<div style="display:inline">
														<label>条码</label>
														<div class="form-group">
														<input type="text" class="form-control" placeholder="请输入内容">
														</div>
													</div>
												</div>
					
					
												<div role="tabpanel" class="tab-pane" id="two">22...</div>
												</div>
										  
										  </div>
						
						
						
						
						
										</div>
									</div>
						<!-- //////////////////////////////////////////////////////////////////////////////////// -->
						
									<div class="con con2 clearfix">
										<table class="table" style="margin-top: 0px;">
											<thead>
												<tr>
													<th>商品类别ID</th>
													<th>商品类别名称</th>
													<th>级别</th>
													<th>父类级别</th>
													<th>描述</th>
													<th>备注</th>
													<th>操作</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>100001</td>
													<td>粮油</td>
													<td>一级</td>
													<td>无</td>
													<td>包括粮食、食用油等</td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
												<tr>
													<td>100002</td>
													<td>调味品</td>
													<td>二级</td>
													<td>粮油</td>
													<td>上海</td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
												<tr>
													<td>100002</td>
													<td>电器</td>
													<td>一级</td>
													<td>无</td>
													<td>深圳</td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
												<tr>
													<td>100004</td>
													<td>家具</td>
													<td>一级</td>
													<td>无</td>
													<td>杭州</td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
											</tbody>
										</table>
									</div>
						<!-- ////////////////////////////////////////////////////////////////////////////////////////////// -->
						
									<div class="con con3 clearfix">
										<div style="margin-top: -25px;">
											<a>导入Excel文件</a>
										</div>
										<br>
						
						
										<div>
											<form class="navbar-form navbar-left" role="search">
												<div>
													<div style="display:inline">
														<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red;">* </span>条码</label>
														<div class="form-group">
														   <input type="text" class="form-control" placeholder="请输入内容">
														</div>
													</div>
								
													<div style="display:inline;margin-left: 100px;">
														<label><span style="color:red;">* </span>一级商品类别</label>
								
														<div class="form-group">
															<div class="dropdown">
																<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"  style="width: 200px;">
																  请选择
																  <span class="glyphicon glyphicon-chevron-down"></span>
																</button>
															  </div>
														</div>
													</div>
								
													<div style="display:inline;margin-left: 100px;">
														<label><span style="color:red;">* </span>二级商品类别</label>
														
														<div class="form-group">
															<div class="dropdown">
																<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"   style="width: 200px;">
																  选项一
																  <span class="glyphicon glyphicon-chevron-down"></span>
																</button>
															  </div>
														</div>
													</div>
												</div>
							
							
												<div style="margin-top: 50px;">
													<div style="display:inline">
														<label><span style="color:red;">* </span>商品名称</label>
														<div class="form-group">
														   <input type="text" class="form-control" placeholder="请输入内容">
														</div>
													</div>
								
													<div style="display:inline;margin-left: 100px;">
														<label class="sglxrequired">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red;">* </span>单位</label>
								
														<div class="form-group">
															<div class="dropdown">
																<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"  style="width: 200px;">
																  请选择
																  <span class="glyphicon glyphicon-chevron-down"></span>
																</button>
															  </div>
														</div>
													</div>
								
													<div style="display:inline;margin-left: 100px;">
														<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red;">* </span>当前售价</label>
														
														<div class="form-group">
															<div class="dropdown">
																<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"   style="width: 200px;">
																  选项一
																  <span class="glyphicon glyphicon-chevron-down"></span>
																</button>
															  </div>
														</div>
													</div>
												</div>
												
							
												
											   
											</form>
										</div>
						
										
										<br>
										<div style="clear: both;display:block;padding-top: 60px; padding-left: 500px;">
											<button type="button" class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
										</div>
										
						
						
						
									</div>
						<!-- /////////////////////////////////////////////////////////////////////////////////////////////////////// -->
						
									<div class="con active con4 clearfix">
										<table class="table">
											<thead>
												<tr>
													<th>流水号</th>
													<th>条码</th>
													<th>商品名称</th>
													<th>单位</th>
													<th>当前售价</th>
													<th>进货数量</th>
													<th>一级类别</th>
													<th>二级类别</th>
													<th>操作</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>100001</td>
													<td>5336723567245</td>
													<td>泡泡糖</td>
													<td>个</td>
													<td>1</td>
													<td>100</td>
													<td></td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
												<tr>
													<td>100002</td>
													<td>535434513156</td>
													<td>泡面</td>
													<td>桶</td>
													<td>6</td>
													<td>100</td>
													<td></td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
												<tr>
													<td>100003</td>
													<td>1431364547</td>
													<td>牙膏</td>
													<td>盒</td>
													<td>8</td>
													<td>100</td>
													<td></td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
												<tr>
													<td>100004</td>
													<td>14336547</td>
													<td>鸡蛋</td>
													<td>个</td>
													<td>2</td>
													<td>1000</td>
													<td></td>
													<td></td>
													<td><a class="btn">修改</a><a class="btn">锁定</a></td>
												</tr>
											</tbody>
										</table>
										<nav aria-label="Page navigation">
											<ul class="pagination">
												<li>
													<a href="#" aria-label="Previous">
													  <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
													</a>
												</li>
												<li><a href="#">1</a></li>
												<li><a href="#">2</a></li>
												<li><a href="#">3</a></li>
												<li><a href="#">4</a></li>
												<li><a href="#">5</a></li>
												<li><a href="#">6</a></li>
												<li><a href="#">……</a></li>
												<li><a href="#">10</a></li>
												<li>
													<a href="#" aria-label="Next">
													  <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
													</a>
												</li>
											  </ul>
										  </nav>
									</div>
						<!-- //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
						
								</div>
							</div>
					</div>
				</div>
			</div>			
	</body>
</html>
<script src="../../bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js"></script>
<script src="../../bootstrap-3.4.1-dist/js/bootstrap.js"></script>
<script src="../../javaScript/shopGuanLi.js"></script>
<script src="../../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>